{% extends "common/frame.html" %}
{% load string %}
{% load i18n %} 
  
{% block head %}
  <title>
    {{ config.site_title }}
  </title>
  {% block description %}
  {% endblock %}  
{% endblock %}

{% block header %}
<div id="header">
  <div id="logo">
    <h1><a href="/">{{ config.site_title }}<sup></sup></a></h1>
    <h2>{{ config.site_description }}</h2>
  </div>  
  <div id="menu">
    <ul>
    <li class="active"><a href="{% url ytcommunity.forum.view.board.list %}">{% trans "Forum" %}</a></li>
    <li><a href="{% url ytcommunity.blog.view.blog.list %}">{% trans "Blog" %}</a></li>
    <li>  
        {% if user.user %}
        <a href="{{ user.url }}">{% trans "Logout" %}</a>  
        {% else %}
        <a href="{{ user.url }}">{% trans "Login" %}</a>
        {% endif %}
    </li>
    </ul>
  </div>  
</div>
{% endblock %}

{% block page %}
<div id="page">
<div id="content">
    <div id="home_welcome">
    <a class="home_welcome" href="{% url ytcommunity.forum.view.board.list %}">{% trans "Forum" %}</a>
    <a class="home_welcome" href="{% url ytcommunity.blog.view.blog.list %}">{% trans "Blog" %}</a>
    </div> 
    
<script>
$(document).ready(function(){
  $("a.home_welcome").hover(
	function () {
	  $(this).animate( { fontSize:"600%" } , 300 );
	}, 
	function () {
	  $(this).animate( { fontSize:"400%" } , 300 );
	}
  );  

});
</script>
    
</div>
</div>
{% endblock %}
